{% extends "base.html" %}
{% block contents %}
    <div id="content">
        <p class="heading1">팝빌 카카오톡 Django Example.</p>
        <br/>
        <fieldset class="fieldset1">
            <legend>브랜드 메시지 템플릿 목록 확인</legend>
            {% for template in templateList %}
                <fieldset class="fieldset2">
                    <legend> 템플릿목록 [ {{ forloop.counter }} / {{ templateList|length }} ]</legend>
                    <ul>
                        <li> templateCode (템플릿 코드) : {{ template.templateCode }}</li>
                        <li> templateType (템플릿 유형) : {{ template.templateType }}</li>
                        <li> templateName (템플릿 제목) : {{ template.templateName }}</li>
                        <li> plusFriendID (검색용 아이디) : {{ template.plusFriendID }}</li>
                        <li> adultYN (성인용 메시지 여부) : {{ template.adultYN }}</li>
                        <li> header (제목) : {{ template.header }}</li>
                        <li> content (내용) : {{ template.content }}</li>
                        <li> addContent (부가메시지) : {{ template.addContent }}</li>
                        <li> imageUrl (이미지 URL) : {{ template.imageUrl }}</li>
                        <li> imageLink (이미지 링크 URL) : {{ template.imageLink }}</li>
                        <li> state (템플릿 상태) : {{ template.state }}</li>
                        <li> stateDT (템플릿 상태 일시) : {{ template.stateDT }}</li>

                        {% if template.btns %}
                            {% for btn in template.btns %}
                                <fieldset class="fieldset3">
                                    <legend> btns (버튼 목록) [ {{ forloop.counter }} / {{ template.btns|length }} ]</legend>
                                    <ul>
                                        <li> t (버튼유형) : {{ btn.t }}</li>
                                        <li> n (버튼명) : {{ btn.n }}</li>
                                        <li> u1 (버튼링크) : {{ btn.u1 }}</li>
                                        <li> u2 (버튼링크) : {{ btn.u2 }}</li>
                                    </ul>
                                </fieldset>
                            {% endfor %}
                        {% endif %}

                        {% if template.coupon %}
                            <fieldset class="fieldset3">
                                <legend> coupon (쿠폰 강조)</legend>
                                <ul>
                                    <li> title (쿠폰 제목) : {{ template.coupon.title }}</li>
                                    <li> description (쿠폰 설명) : {{ template.coupon.description }}</li>
                                    <li> linkMobile (Mobile 웹링크) : {{ template.coupon.linkMobile }}</li>
                                    <li> linkPc (PC 웹링크) : {{ template.coupon.linkPc }}</li>
                                    <li> linkAndroid (Android 앱링크) : {{ template.coupon.linkAndroid }}</li>
                                    <li> linkIos (iOS 앱링크) : {{ template.coupon.linkIos }}</li>
                                </ul>
                            </fieldset>
                        {% endif %}

                        {% if template.item %}
                            {% for it in template.item %}
                                <fieldset class="fieldset3">
                                    <legend> item (아이템 목록) [ {{ forloop.counter }} / {{ template.item|length }} ]</legend>
                                    <ul>
                                        <li> title (타이틀) : {{ it.title }}</li>
                                        <li> imageUrl (이미지 URL) : {{ it.imageUrl }}</li>
                                        <li> linkMobile (Mobile 웹링크) : {{ it.linkMobile }}</li>
                                        <li> linkPc (PC 웹링크) : {{ it.linkPc }}</li>
                                        <li> linkAndroid (Android 앱링크) : {{ it.linkAndroid }}</li>
                                        <li> linkIos (iOS 앱링크) : {{ it.linkIos }}</li>
                                    </ul>
                                </fieldset>
                            {% endfor %}
                        {% endif %}

                        {% if template.commerce %}
                            <fieldset class="fieldset3">
                                <legend> commerce (커머스 정보)</legend>
                                <ul>
                                    <li> title (상품명) : {{ template.commerce.title }}</li>
                                    <li> regularPrice (정상가격) : {{ template.commerce.regularPrice }}</li>
                                    <li> discountPrice (할인가격) : {{ template.commerce.discountPrice }}</li>
                                    <li> discountRate (할인율) : {{ template.commerce.discountRate }}</li>
                                    <li> discountFixed (할인금액) : {{ template.commerce.discountFixed }}</li>
                                </ul>
                            </fieldset>
                        {% endif %}

                        {% if template.head %}
                            <fieldset class="fieldset3">
                                <legend> head (캐러셀 인트로)</legend>
                                <ul>
                                    <li> header (제목) : {{ template.head.header }}</li>
                                    <li> content (내용) : {{ template.head.content }}</li>
                                    <li> imageUrl (이미지 URL) : {{ template.head.imageUrl }}</li>
                                    <li> linkMobile (Mobile 웹링크) : {{ template.head.linkMobile }}</li>
                                    <li> linkPc (PC 웹링크) : {{ template.head.linkPc }}</li>
                                    <li> linkAndroid (Android 앱링크) : {{ template.head.linkAndroid }}</li>
                                    <li> linkIos (iOS 앱링크) : {{ template.head.linkIos }}</li>
                                </ul>
                            </fieldset>
                        {% endif %}

                        {% if template.carousel %}
                            {% for car in template.carousel %}
                                <fieldset class="fieldset3">
                                    <legend> carousel (캐러셀 목록) [ {{ forloop.counter }} / {{ template.carousel|length }} ]</legend>
                                    <ul>
                                        <li> header (제목) : {{ car.header }}</li>
                                        <li> content (내용) : {{ car.content }}</li>
                                        <li> imageUrl (이미지 URL) : {{ car.imageUrl }}</li>
                                        <li> imageLink (이미지 링크 URL) : {{ car.imageLink }}</li>
                                        <li> addContent (부가메시지) : {{ car.addContent }}</li>

                                        {% if car.commerce %}
                                            <fieldset class="fieldset4">
                                                <legend> commerce (커머스)</legend>
                                                <ul>
                                                    <li> title (상품명) : {{ car.commerce.title }}</li>
                                                    <li> regularPrice (정상가격) : {{ car.commerce.regularPrice }}</li>
                                                    <li> discountPrice (할인가격) : {{ car.commerce.discountPrice }}</li>
                                                    <li> discountRate (할인율) : {{ car.commerce.discountRate }}</li>
                                                    <li> discountFixed (할인금액) : {{ car.commerce.discountFixed }}</li>
                                                </ul>
                                            </fieldset>
                                        {% endif %}

                                        {% if car.btns %}
                                            {% for btn in car.btns %}
                                                <fieldset class="fieldset4">
                                                    <legend> btns (버튼 목록) [ {{ forloop.counter }} / {{ car.btns|length }} ]</legend>
                                                    <ul>
                                                        <li> t (버튼유형) : {{ btn.t }}</li>
                                                        <li> n (버튼명) : {{ btn.n }}</li>
                                                        <li> u1 (버튼링크) : {{ btn.u1 }}</li>
                                                        <li> u2 (버튼링크) : {{ btn.u2 }}</li>
                                                    </ul>
                                                </fieldset>
                                            {% endfor %}
                                        {% endif %}

                                        {% if car.coupon %}
                                            <fieldset class="fieldset4">
                                                <legend> coupon (쿠폰 강조)</legend>
                                                <ul>
                                                    <li> title (쿠폰 제목) : {{ car.coupon.title }}</li>
                                                    <li> description (쿠폰 설명) : {{ car.coupon.description }}</li>
                                                    <li> linkMobile (Mobile 웹링크) : {{ car.coupon.linkMobile }}</li>
                                                    <li> linkPc (PC 웹링크) : {{ car.coupon.linkPc }}</li>
                                                    <li> linkAndroid (Android 앱링크) : {{ car.coupon.linkAndroid }}</li>
                                                    <li> linkIos (iOS 앱링크) : {{ car.coupon.linkIos }}</li>
                                                </ul>
                                            </fieldset>
                                        {% endif %}
                                    </ul>
                                </fieldset>
                            {% endfor %}
                        {% endif %}

                        {% if template.tail %}
                            <fieldset class="fieldset3">
                                <legend> tail (캐러셀 더보기)</legend>
                                <ul>
                                    <li> linkMobile (Mobile 웹링크) : {{ template.tail.linkMobile }}</li>
                                    <li> linkPc (PC 웹링크) : {{ template.tail.linkPc }}</li>
                                    <li> linkAndroid (Android 앱링크) : {{ template.tail.linkAndroid }}</li>
                                    <li> linkIos (iOS 앱링크) : {{ template.tail.linkIos }}</li>
                                </ul>
                            </fieldset>
                        {% endif %}
                    </ul>
                </fieldset>
            {% endfor %}
        </fieldset>
    </div>
{% endblock contents %}